<html>
<head>
	<title>Google App Engine for Python</title>
</head>
    <body><center>
    <table bgcolor="#eeeeee" height="600"><tr><td width="1024" height="50%" bgcolor="#eeeeee">
    	<table bgcolor="#ffffff" width="100%" height="125">
    		<tr>
    			<td bgcolor="#b6b6b6">
    			<td bgcolor="#b6b6b6">
    			<td bgcolor="#b6b6b6">
    			<td bgcolor="#b6b6b6">
    			<td bgcolor="#b6b6b6">
    			<td bgcolor="#b6b6b6">
    			<td bgcolor="#b6b6b6">
    			<td bgcolor="#b6b6b6">
    			<td bgcolor="#b6b6b6">
    			<td bgcolor="#b6b6b6">
    			<td bgcolor="#b6b6b6">
    			<td bgcolor="#b6b6b6">
    		</td></tr>
    		<tr>
    			<th colspan="2" bgcolor="#b6b6b6">
    			<th colspan="2" bgcolor="#b6b6b6">
    			<th colspan="2" bgcolor="#b6b6b6">
    			<th colspan="2" bgcolor="#b6b6b6">
    			<th colspan="2" bgcolor="#b6b6b6">
    			<th colspan="2" bgcolor="#b6b6b6">
    		</td></tr>
    			<tr>
    			<td bgcolor="#b6b6b6">
    			<td bgcolor="#b6b6b6">
    			<td bgcolor="#b6b6b6">
    			<td bgcolor="#b6b6b6">
    			<td bgcolor="#b6b6b6">
    			<td bgcolor="#b6b6b6">
    			<td bgcolor="#b6b6b6">
    			<td bgcolor="#b6b6b6">
    			<td bgcolor="#b6b6b6">
    			<td bgcolor="#b6b6b6">
    			<td bgcolor="#b6b6b6">
    			<td bgcolor="#b6b6b6">
    		</td></tr>
    		<tr>
    			<th colspan="1" bgcolor="#b6b6b6">
    			<th colspan="2" bgcolor="#b6b6b6">
    			<th colspan="2" bgcolor="#b6b6b6">
    			<th colspan="2" bgcolor="#b6b6b6">
    			<th colspan="2" bgcolor="#b6b6b6">
    			<th colspan="2" bgcolor="#b6b6b6">
    			<th colspan=1" bgcolor="#b6b6b6">
    		</td></tr>
    		<tr>
    			<th colspan="3" bgcolor="#b6b6b6">
    			<th colspan="3" bgcolor="#b6b6b6">
    			<th colspan="3" bgcolor="#b6b6b6">
    			<th colspan="3" bgcolor="#b6b6b6">
    		</td></tr>
    		<tr>
    			<td bgcolor="#b6b6b6">
    			<td bgcolor="#b6b6b6">
    			<td bgcolor="#b6b6b6">
    			<td bgcolor="#b6b6b6">
    			<td bgcolor="#b6b6b6">
    			<td bgcolor="#b6b6b6">
    			<td bgcolor="#b6b6b6">
    			<td bgcolor="#b6b6b6">
    			<td bgcolor="#b6b6b6">
    			<td bgcolor="#b6b6b6">
    			<td bgcolor="#b6b6b6">
    			<td bgcolor="#b6b6b6">
    		</td></tr>
    	</table>
    	<span class="title" style="font-weight: bold; font-size: 20px">Create a New Account</span><br>
        {% if api %} Added!!!
        <table border="0" cellspacing="1" cellpadding="5" bgcolor="#CCCCCC" width="1024">
            <tr bgcolor="#407BA8">
                <td style="color: #ffffff; font-weight: bold;" align="center" >Name</td>
                <td style="color: #ffffff; font-weight: bold;" align="center">Email</td>
                <td style="color: #ffffff; font-weight: bold;" align="center">ApiKey</td>
                <td style="color: #ffffff; font-weight: bold;" align="center">SecretKey</td>
                <td style="color: #ffffff; font-weight: bold;" align="center">Enabled</td>
                <td style="color: #ffffff; font-weight: bold;" align="center">Edit</td>
                <td style="color: #ffffff; font-weight: bold;" align="center">Delete</td>
            </tr>
            <tr bgcolor="#407BA8">
                <td bgcolor="#ffffff" >{{ api.name }}</td>
                <td bgcolor="#ffffff">{{ api.email }}</td>
                <td bgcolor="#ffffff">{{ api.api_key }}</td>
                <td bgcolor="#ffffff">{{ api.secret_key }}</td>
                <td bgcolor="#ffffff" align="center">
                    <input type="checkbox" name="{{ api.api_key }}"
                    {% if api.enabled %} checked{% endif %} disabled>
                </td>
                <td bgcolor="#ffffff"><a href="/api_key/edit?key={{ api.key }}">Edit</a></td>
                <td bgcolor="#ffffff"><a href="/api_key/delete?key={{ api.key }}">Delete</a></td>
            </tr>
        </table>
        {% endif %}
        <br>
        <hr />
        <form action="/api_key/add" method="post">
        <table border="0" cellspacing="1" cellpadding="5" bgcolor="#CCCCCC">
        	<tr bgcolor="#407BA8">
        		<td style="color: #ffffff; font-weight: bold;">Name</td>
        		<td bgcolor="#ffffff"><input type="text" name="api_name"></td>
        	</tr>
        	<tr bgcolor="#407BA8">
        		<td style="color: #ffffff; font-weight: bold;">Email</td>
        		<td bgcolor="#ffffff"><input type="text" name="api_email"></td>
        	</tr>
        	<tr bgcolor="#407BA8">
        		<td style="color: #ffffff; font-weight: bold;">Enabled</td>
        		<td bgcolor="#ffffff" align="center"><input type="checkbox" name="api_enabled" checked="checked"></td>
        	</tr>
        	<tr>
				<td colspan="2" bgcolor="#ffffff" align="center"><input type="submit" value="Submit"></td>
			</tr>
        </table>
            <!-- <div>Name: <input type="text" name="api_name"/></div>
            <div>Email: <input type="text" name="api_email"/></div>
            <div>Enabled: <input type="checkbox" name="api_enabled" checked></div>
            <div><input type="submit" value="Add"></div> -->
        </form>
    </td></tr>
    <tr><td height="50%" bgcolor="#eeeeee"></td></tr>
    </table>
    <table bgcolor="#5d5c5c"><tr><td width="1024" height="40" bgcolor="#808080" align="center">Google App Engine for Python</td></tr></table>
    </center>
    </body>
</html>

